<template>
	<view class="content">
		<!-- 表头 -->
			<view class="h5-tou flex">
			<view class="h5-left">
				<image src="../static/tou.png" mode=""></image>
			</view>
			<view class="h5-right">
				<view class="dong">
				<image src="/static/001.png" mode=""></image>
				<view class="text">
					<text>注册</text>
					<text>登录</text>
				</view>	
				</view>
				
			</view>
		
	</view>
<view class="imgs" v-if="show">
	<image src="/static/002.png" mode=""></image>
	<view class="button">
		
	</view>
</view>	
	</view>


</template>

<script>
	export default{
		props:{
			show:{
				type: Boolean,
						default: true
			}
		}
		
	}
</script>

<style lang="scss" scoped>
	.content{
		background-color: #fff;
	}
	.h5-tou{
		width: 100vw;
		box-sizing: border-box;
		height: 89rpx;

		padding: 0 25rpx;
		.h5-left{
			width: 354rpx;
			height: 54rpx;
			image{
				width: 100%;
				height: 100%;
			}
		}
		.h5-right{
			width: 165rpx;
			height: 100%;
			box-sizing: border-box;
			padding: 15rpx;
			overflow: hidden;
			
			
	
			.dong{
				width: 100%;
				animation:donghua 3s infinite;
			line-height: 54rpx;
			
			
				image{
				width: 100%;
				height: 54rpx;
			}
			.text{
				text-align: center;
			
				text{
					font-size: 28rpx;
					margin: 0 5rpx;
				}
			}
			
			}
			
			
		}
		
	}
.imgs{
	width: 100vw;
	height: 80rpx;
	box-sizing: border-box;
	position: relative;
	image{
		width: 100%;
		height: 100%;
	}
	.button{
		position: absolute;
		top: 22%;
		right: 50rpx;
		width: 144rpx;
		height: 48rpx;
		background-image: url('../static/003.png');
	  background-position: center;
	    background-size:cover;
	    background-repeat: no-repeat;
	}
}
   @keyframes donghua {
       0% {
        transform: translateY(0);
       }
       50% {
     transform: translateY(-70rpx);
       }
	   100% {
	  transform: translateY(0);
	   }
   }
</style>